html, body {
	height: 100%;
	width: 100%;
	margin: 0;
  }
  
  .map-btn-list {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding-bottom: 10px;
	padding-top: 5px;
	.map-btn-item {
	  cursor: pointer;
	  text-align: center;
	  display: flex;
	  flex-direction: column;
	  flex: 1;
	  .img-box {
		flex: 2;
		align-items: center;
		padding-top: 5px;
		img {
		  width: 50%;
		}
	  }
	  .text-box {
		align-items: center;
		display: flex;
		justify-content: center;
		align-content: center;
		flex: 1;
		font-size: 12px;
		color: #333333;
	  }
	  &.active {
		.text-box {
		  color: orange;
		}
	  }
	}
  }
  
  .BMap_noprint.anchorTL{
	right: 25px !important;
	left: auto !important;
	top: 40px !important;
	height: 62.5% !important;
  }
  @media screen and (max-width: 320px) {
	.img-box {
	  img {
		width: 45% !important;
	  }
	}
	.text-box {
	  font-size: 10px !important;
	}
	.BMap_noprint.anchorTL{
	  height: 70% !important;
	}
  }